*{

    padding: 0px;
    margin: 0px;
}



._header{


    height: 60px;
    width: 90%;
    background-color: beige;
    margin-left: 5%;
}
._content{

    /*min-width: 800px;*/
    /*position: absolute;*/
    width: 100%;
    /*position: absolute;*/
    /*background-color: rosybrown;*/
    height:calc(100% - 80px);
    display: flex;

}
.left::-webkit-scrollbar {
    display: none;
}

.left{


    width: 200px;
    height: 100%;
    /*max-height: calc(100% - 160px);*/
    /*background-color: yellow;*/
    margin-left: 5%;
    overflow-x: hidden;
    /*position: absolute;*/
    overflow-y: scroll;
    /*float: left;*/
}

.left .fastermenu{

    width: 100%;
    height: 68px;
    /*background-color: yellow;*/
}
.left ._classfly{


    width: calc(100% - 4px);
    height: 40px;
    border-left: 8px solid rgb(255,209,69);
    background-color: rgba(120,120,120,0.2);

}

._label{


    color: black;
    font-size: 18px;
     margin-top: 12px;
    display: inline-block;
    margin-top: 6px;
    padding-left: 8px;

}

._item{

    width: 100%;
    height: 38px;
    /*background-color: antiquewhite;*/

}
._item ._txt{


    color: rgba(0,0,120,0.8);
    font-size: 16px;
    margin-top: 12px;
    display: inline-block;
    margin-top: 6px;
    padding-left: 8px;

}
._txt a{


    text-decoration: none;
}

._right{

    width: calc(100% - 200px - 10% - 20px);
    /*min-width: 200px;*/
    /*float: left;*/
    /*width: 20%;*/
    /*padding-left: 12px;*/
    margin-left: 20px;
    /*position: absolute;*/
    /*height: calc(100% - 60px);*/
    /*background-color: yellow;*/
    overflow-x: hidden;
    /*position: absolute;*/
    overflow-y: scroll;

}

._right::-webkit-scrollbar{

    display: none;
}

._right ._title{


    width: 100%;
    height: 60px;
    /*background-color: #00B7FF;*/
    /*border-bottom: 1px solid rgba(120,120,120,0.3);*/
}

._title p{


    color: black;
    font-size: 30px;
    font-weight: bold;
    /*margin-left: 12px;*/
    margin-top: 12px;
}

._right ._des{


    margin-top: 8px;
    padding-bottom: 12px;
}

._demo{

    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: rgba(224,247,219,0.8);
    overflow: scroll;
    overflow-y: hidden;
     overflow-x: scroll;
}
._demo ._demo_text{


    font-size: 18px;

}

 .effect{

    width: 80%;
     padding-left: 12px;
     padding-right: 12px;
     margin-top: 12px;
    height: 80px;
    /*background-color:yellow;*/
     margin-bottom: 12px;
}
 .effect a{

     text-decoration: none;
     color: #00B7FF;
     padding-top: 30px;
     display: inline-block;
 }

 ._pro{

     font-size: 18px;
     color: grey;
     margin-left: 12px;
     padding-bottom: 12px;


 }

 ._met{

     font-size: 18px;
     color: cornflowerblue;
     margin-left: 12px;
     padding-bottom: 12px;



 }
 .color{

     width: 60%;
     margin-left: 40px;
     height: 80px;
     /*background-color: yellowgreen;*/

 }
 .color-item{

     width: 60px;
     height: 60px;
     float: left;
     border-radius: 50%;
     margin-right: 12px;
     color: white;
 }
.color-item p{

    font-size: 16px;
    text-align: center;
    margin-top: 18px;
}

 .default{

       background-color:rgba(62,114,255,0.8) ;
 }

 .danger{

     background-color:rgba(255,0,43,0.8) ;
 }

 .dark{

     background-color: rgba(34,36,40,0.8);
 }
 .light{

     background-color: rgba(215,216,218,0.8);
 }
 .success{

     background-color: rgba(0,234,97,0.8);

 }
 .warning{
     background-color: rgba(255,209,0,0.8);
 }
 .secondary{
   background-color:  rgba(0,214,236,0.8);
 }
 .txt-small p{

     font-size: 14px!important;
 }

 .size{

     width: 80%;
     height: 60px;
     margin-left: 36px;
     padding-left: 12px;
     padding-right: 12px;
     /*background-color: yellow;*/

 }

 .size .size-item{

     background-color: rgba(120,120,120,0.3);
     border: 1px solid gold;
     /*height: 40px;*/
     float: left;
     margin-right: 12px;



 }

 .size-item p{

     text-align: center;
     color: white;
     vertical-align: middle;

 }

 .size-default{

     width: 80px;
     height: 40px;

 }

 .size-large{

     width:120px ;
     height: 60px;
 }
 .size-small{

     width: 60px;
     height: 30px;
 }
 .info{


     color: black;
     font-size: 14px;
     margin-left: 40px;
     padding-bottom: 12px;
 }

 .tip{

     color: cadetblue;
 }

 .tipinfo{


     color: cornflowerblue;
     font-size: 14px;
     margin-left: 40px;
     padding-bottom: 12px;

 }
 .btn{

     width: 80px;
     height: 30px;
     border-radius: 8px;
     background-color: #00B7FF;
     color: white;
     display: inline-block;
     margin-top: 30px;

 }

 .btn:active{

     opacity: 0.6;
 }
 .btn p{

     font-size: 16px;
     text-align: center;
     padding-top: 4px;

 }
